
<%@ page import="java.util.List" %><%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/11/2
  Time: 17:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>小米商城</title>
  <link rel="stylesheet" href="css/CSS样式表.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.7/css/layui.css">

  <link rel="stylesheet" href="icon/cart/iconfont.css">
  <link rel="icon" href="https://s01.mifile.cn/favicon.ico">
  <link rel="stylesheet" href="icon/font-awesome-4.7.0/css/font-awesome.css" >
  <link rel="stylesheet " href="layui/css/layui.css" media="all">
</head>
<body>
<!--头部开始-->
<div class="header">
  <div class="content">
    <div class="left">
      <ul>
        <li><a href="#">小米商城</a></li>
        <li>|</li>
        <li><a href="#">MIUI</a></li>
        <li>|</li>
        <li><a href="#">IoT</a></li>
        <li>|</li>
        <li><a href="#">云服务</a></li>
        <li>|</li>
        <li><a href="#">天星数科</a></li>
        <li>|</li>
        <li><a href="#">有品</a></li>
        <li>|</li>
        <li><a href="#">小爱开放平台</a></li>
        <li>|</li>
        <li><a href="#">企业团购</a></li>
        <li>|</li>
        <li><a href="#">资质证照</a></li>
        <li>|</li>
        <li><a href="#">协议规则</a></li>
        <li>|</li>
        <li class="down"><a href="#">下载app
          <div class="down_list">
            <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png" style="width: 90px;height: 90px"/>
          </div>
        </a></li>
        <li>|</li>
        <li><a href="#">智能生活</a></li>
        <li>|</li>
        <li><a href="#">Select Location</a></li>
        <li>|</li>
      </ul>
    </div>
    <div class="right">
      <div class="login">

      </div>
      <div class="cart">
        <i class="iconfont icon-V" aria-hidden="true"></i>
        <span><a href="#" style="color: #b2b2b2;">购物车</a></span>

        <div class="cart_list">
          购物车中还没有商品，赶紧选购吧！
        </div>
      </div>
    </div>
  </div>
</div>
<!--中间导航条开始-->
<div class="nav">
  <div class="logo">
    <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png"
         style="width: 56px;height: 56px">
  </div>
  <div class="nav_list">
    <ul>
      <li><h2>欢迎${user.userName}登陆成功！</h2></li>
      <li ><a href="#" >Xiaomi手机</a>
        <ul class="nav2">
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16536&selected=16536&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/85e44ea2405ff8414148bbde7446b137.png">
            <p class="p1">MIX FOLD小米折叠屏手机</p>
            <p>9999元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16536&selected=16536&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4ef3713521fb9d7f114aa8bb152e220d.png">
            <p class="p1">Xiaomi Civi 2</p>
            <p>2399元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/xiaomimixfold2">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/581f3a690e6803add02e4c9fde98cb78.png">
            <p class="p1">Xiaomi MIX Fold 2</p>
            <p>8999元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/mi12s-ultra">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d7a15df55e98e4163390096ed05b1ef5.png">
            <p class="p1">Xiaomi 12S Ultra</p>
            <p>5999元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/mi12s-pro">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b01bb7ee0f8c9865c11eeb2c483015e2.png">
            <p class="p1">Xiaomi 12S Pro</p>
            <p>4699元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/mi12s">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e1f5a30b6e9e29c7f4ad6ed26023f4de.png">
            <p class="p1">Xiaomi 12S</p>
            <p>3999元起</p>
          </a> </li>
        </ul>
      </li>
      <li><a href="#">Redmi 红米</a>
        <ul class="nav2">
          <li><a href="#">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png">
            <p class="p1">Redmi Note 12 5G</p>
            <p>1199元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16642&selected=16642&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png">
            <p class="p1">Redmi Note 12 5G</p>
            <p>1199元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16644&selected=16644&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/93e23b29e03f62164c5494a31dbbed25.png">
            <p class="p1">Redmi Note 12 Pro</p>
            <p>1699元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16646&selected=16646&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/86122140712f0f645e42934d07d262a8.png">
            <p class="p1">Redmi Note 12 Pro+</p>
            <p>2199元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16326&selected=16326&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ee06a9131e93619c75c49b88c740203b.png">
            <p class="p1">Redmi K50 至尊版</p>
            <p>2999元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/redminote11t-pro">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1e1f915167554e99916273b5269da1b5.png">
            <p class="p1">Redmi Note 11T Pro+</p>
            <p>2099元起</p>
          </a> </li>
        </ul>
      </li>
      <li><a href="#">电视</a>
        <ul class="nav2">
          <li><a href="#">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png">
            <p class="p1">Redmi Note 12 5G</p>
            <p>1199元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=15101&selected=15101&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6511d77270e94146c0b1f96b66d8cc58.png">
            <p class="p1">Redmi智能电视X65 2022</p>
            <p>3999元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16644&selected=16644&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8871821795310769c1d3896c99b12381.png">
            <p class="p1">小米电视6 65" OLED 65英寸</p>
            <p>6999元</p>
          </a> </li>
          <li><a href="https://www.mi.com/mitv/oled77">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0a1ae5341d2dae66cd42566c60d2d666.png">
            <p class="p1">小米电视 大师 77" OLED 77英寸</p>
            <p>1999元</p>
          </a> </li>
          <li><a href="https://www.mi.com/mitv-great/hyaline">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/932b583c6eccd8aabfa0771f8a854940.jpg">
            <p class="p1">小米透明OLED电视 55英寸</p>
            <p>49999元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=12049&selected=12049&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea3390a20547c7298a258528e4aa69ad.png">
            <p class="p1">小米电视 大师 65英寸OLED</p>
            <p>9999元</p>
          </a> </li>
        </ul>
      </li>
      <li><a href="#">笔记本</a>
        <ul class="nav2">
          <li><a href="#">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png">
            <p class="p1">Redmi Note 12 5G</p>
            <p>1199元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=10050017&selected=10050017&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/55c17a67fff345d161ae55b9fb0d6f6a.png">
            <p class="p1">Xiaomi Book Air 13</p>
            <p>5999元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=16523&selected=16523&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c86a7877e4ed76f50e204875e7372428.png">
            <p class="p1">Redmi G 游戏本 锐龙版 R5</p>
            <p>7299元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=10050001&selected=10050001&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c86a7877e4ed76f50e204875e7372428.png">
            <p class="p1">Redmi G Pro 游戏本 锐龙版</p>
            <p>8799元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=10000420&selected=10000420&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c926842a23c7316b17792e075be9d055.png">
            <p class="p1">Xiaomi Book Pro 14 锐龙版</p>
            <p>6399元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=10000412&selected=10000412&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c86a7877e4ed76f50e204875e7372428.png">
            <p class="p1">Redmi G 游戏本 2022</p>
            <p>7499元起</p>
          </a> </li>
        </ul>
      </li>
      <li><a href="#">家电</a>
        <ul class="nav2">
          <li><a href="#">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png">
            <p class="p1">Redmi Note 12 5G</p>
            <p>1199元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=13143&selected=13143&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/80416c1c7040aabbafa527a6ea652948.png">
            <p class="p1">小米空调 1.5匹新1级能效</p>
            <p>2499元</p>
          </a> </li>
          <li><a href="#">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/950767dbf6e63b853d39d413e97685a8.png">
            <p class="p1">新风空调 立式三批</p>
            <p>7299元</p>
          </a> </li>
          <li><a href="https://www.mi.com/shop/buy/detail?product_id=12961&selected=12961&pClass=p">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/65df9e92c06dcd148de5f0eb13e16ea2.png">
            <p class="p1">米家扫拖机器人1T</p>
            <p>1999元起</p>
          </a> </li>
        </ul>
      </li>
      <li><a href="#">路由器</a>

        <ul class="nav2">
          <li><a href="#">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/570184de014d26516f4c334f7132878a.png">
            <p class="p1">Redmi Note 12 5G</p>
            <p>1199元</p>
          </a> </li>
          <li><a href="https://www.mi.com/rm5400">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1465737a8a6ac8772560dce2ef0a39f.png">
            <p class="p1">Redmi电竞路由器AX5400</p>
            <p>2499元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/r6000">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2a759fa795d749f0538cfd2a15890027.png">
            <p class="p1">小米路由器AX6000</p>
            <p>549元</p>
          </a> </li>
          <li><a href="https://www.mi.com/mirouter/ax9000">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2815a0a208be362cba673aae9a1f9c93.png">
            <p class="p1">小米路由器AX9000</p>
            <p>1299元</p>
          </a> </li>
          <li><a href="https://www.mi.com/miwifihome">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f88d17e29314286967eeb88bf86cdfc.png">
            <p class="p1">Xiaomi HomeWiFi 三频 Mesh 路由器</p>
            <p>1499元起</p>
          </a> </li>
          <li><a href="https://www.mi.com/miwifi4ac">
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/026a28fc18eff2cfa4d26a799a2da9cc.jpg">
            <p class="p1">小米路由器4A 千兆版</p>
            <p>129元起</p>
          </a> </li>
        </ul>
      </li>
      <li><a href="#">服务中心</a> </li>
      <li><a href="#">社区</a> </li>
    </ul>
  </div>
  <div class="search">
    <input type="text" placeholder="iqoo游戏手机"/>
    <i class="fa fa-search" aria-hidden="true"></i>
  </div>


</div>
<!--轮播图开始-->
<div class="banners">
  <div class="banner_list">
    <div class="layui-carousel" id="test1">
      <div carousel-item>
        <div>
          <img src="https://i1.mifile.cn/a4/xmad_15648327154491_VTHbl.jpg" >
        </div>
        <div><img src="https://i1.mifile.cn/a4/xmad_15650061351615_PRHry.jpg"></div>
        <div><img src="https://i1.mifile.cn/a4/xmad_15648844793779_rCSmy.jpg"></div>
      </div>
    </div>
  </div>
  <!--<div class="banner_list">
      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793eebbee1dd569fe56a8aaf58f62452.jpg"/>
  </div>-->
  <div class="classify">
    <ul>
      <li>
        <a href="#">手机<i class="fa fa-angle-right" aria-hidden="true"></i></a>

          <!--<div class="list1">
              <ul>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
              </ul>
          </div>
          <div class="list1">
              <ul>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
                  <li><a href="#">
                      <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
                  </a> </li>
              </ul>
          </div>-->
        <div class="banner1">
          <ul>
            <li><a href="https://www.mi.com/shop/buy/detail?product_id=16646&selected=16646&pClass=p">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c13977eeb29cd4b2fbbe803ef5884176.png?width=80&height=80">Redmi
            </a> </li>
            <li><a href="https://www.mi.com/shop/buy/detail?product_id=16536&selected=16536&pClass=p">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?width=80&height=80">Xiaomi
            </a> </li>
            <li><a href="https://www.mi.com/redminote11t-pro">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5cef72d0fea727cdf62b8e18b3d039d1.png?width=80&height=80">Redmi
            </a> </li>
            <li><a href="https://www.mi.com/mi12pro">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6c0553468a73cc445012577d8993dfc9.png?width=80&height=80">Xiaomi
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
            <li><a href="#">
              <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ab345272bf9894bb8269d4901344b068.png">小米MIX
            </a> </li>
          </ul>
        </div>
      </li>
      <li>
        <a href="#">电视<i class="fa fa-angle-right" aria-hidden="true"></i></a>





      </li>
      <li>
        <a href="#">家电<i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">笔记本 平板<i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">出行 穿戴 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">耳机 音响<i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">健康 儿童 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">生活 箱包 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">智能 路由器 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
      <li>
        <a href="#">电源 配件<i class="fa fa-angle-right" aria-hidden="true"></i></a>
      </li>
    </ul>
  </div>
</div>
<!--ad开始-->
<div class="ad">
  <div class="ad_left">
    <p>
      <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i><br>小米秒杀</a>
      <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i><br>企业团购</a>
      <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i><br>F码通道</a>
    </p>
    <p>
      <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i><br>米粉卡片</a>
      <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i><br>以旧换新</a>
      <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i><br>话费充值</a>
    </p>
  </div>
  <div class="ad_right">
    <img src="https://i1.mifile.cn/a4/xmad_1564584687704_fIYFd.jpg">
    <img src="https://i1.mifile.cn/a4/xmad_15632000838536_bfVMh.jpg">
    <img src="https://i1.mifile.cn/a4/xmad_15604776623629_bRHhl.jpg">
  </div>
</div>
<!--Note7 Pro开始-->
<div class="note9">
  <div class="content">
    <img src="https://i1.mifile.cn/a4/xmad_15645848093783_hFAUp.jpg">

    <div class="middle">
      <h1>手机</h1>
      <h2>查看更多<i class="fa fa-angle-right" aria-hidden="true"></i></h2>
    </div>
    <div class="list">
      <div class="left">
        <a href="#">
          <img src="https://i1.mifile.cn/a4/xmad_15632723287643_WkFwH.jpg">
        </a>
      </div>
      <div class="right">
        <P> <ul>
          <li><a href="#">
            <img src="https://i1.mifile.cn/a1/pms_1550642182.7527088!220x220.jpg">
            <div class="memo">
        <p class="p1">小米9 </p>
        <p class="p2">年度旗舰芯</p>
        <p class="p3">2599元</p>
      </div>
      </a></li>
      <li><a href="#">
        <img src="https://i1.mifile.cn/a1/pms_1540429613.4617799!220x220.jpg">
        <div class="memo">
          <p class="p1">小米MIX 3</p>
          <p class="p2">年度旗舰芯</p>
          <p class="p3">2299元</p>
        </div>
      </a></li>
      <li><a href="#">
        <img src="https://i1.mifile.cn/a1/pms_1552647865.67536173!220x220.jpg">
        <div class="memo">
          <p class="p1">Redmi Note 7 Pro</p>
          <p class="p2">年度旗舰芯</p>
          <p class="p3">1599元</p>
        </div>
      </a></li>
      <li><a href="#">
        <img src="https://i1.mifile.cn/a1/pms_1554694214.08887531!220x220.png">
        <div class="memo">
          <p class="p1">小米Play</p>
          <p class="p2">年度旗舰芯</p>
          <p class="p3">749元</p>
        </div>
      </a></li>
      </ul></P>
      <P class="pl2"> <ul>
        <li><a href="#">
          <img src="https://i1.mifile.cn/a1/pms_1538019009.57772743!220x220.png">
          <div class="memo">
      <p class="p1">小米8 指纹版</p>
      <p class="p2">年度旗舰芯</p>
      <p class="p3">1799元</p>
    </div>
    </a></li>
    <li><a href="#">
      <img src="https://i1.mifile.cn/a1/pms_1537324004.08544830!220x220.jpg">
      <div class="memo">
        <p class="p1">小米8青春版</p>
        <p class="p2">年度旗舰芯</p>
        <p class="p3">1499元</p>
      </div>
    </a></li>
    <li><a href="#">
      <img src="https://i1.mifile.cn/a1/pms_1547020972.223707!220x220.jpg">
      <div class="memo">
        <p class="p1">Redmi Note 7 </p>
        <p class="p2">年度旗舰芯</p>
        <p class="p3">1099元</p>
      </div>
    </a></li>
    <li><a href="#">
      <img src="https://i1.mifile.cn/a1/pms_1558857780.47412427!220x220.jpg">
      <div class="memo">
        <p class="p1">Redmi K20</p>
        <p class="p2">年度旗舰芯</p>
        <p class="p3">2299元</p>
      </div>
    </a></li>
    </ul></P>
  </div>
</div>
</div>
</div>

<div>

  <h2>提交新闻:</h2>
  <form id="newsForm">
    <label for="title">标题：</label>
    <input type="text" id="title" name="title">
    <label for="content">内容：</label>
    <textarea id="content" name="content" rows="4"></textarea>
    <input type="button" value="提交" onclick="submitNews()">
  </form>
  <h2>已提交的新闻:</h2>
  <div id="newsList"></div>


</div>




<!--底部开始-->
<div class="foot">
  <p>&copy; 2023 小米公司. 版权所有。</p>
  <p>当前时间： <span id="currentTime"></span></p>
  <script>
    function updateTime() {
      var currentTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Shanghai"});
      document.getElementById("currentTime").innerText = currentTime;
    }
    updateTime(); // 初始加载页面时更新时间
    setInterval(updateTime, 1000); // 每秒更新一次时间
  </script>
</div>


<script type="text/javascript" src="js/jquery.js"></script>
<script>
  function submitNews() {
    var title = document.getElementById("title").value;
    var content = document.getElementById("content").value;

    if (title.trim() === '' || content.trim() === '') {
      alert("标题和内容不能为空！");
      return;
    }

    var data = {
      title: title,
      content: content
    };

    fetch("/submit-news", {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify(data)
    })
            .then(response => response.text())
            .then(newsId => {
              // 清空表单字段
              document.getElementById("title").value = "";
              document.getElementById("content").value = "";

              // 更新页面中已提交的新闻列表
              var newsList = document.getElementById("newsList");
              newsList.innerHTML += "<p><strong>" + title + "</strong>: " + content + "</p>";
            });
  }
</script>


<script src="https://cdn.staticfile.org/layui/2.5.7/layui.js"></script>
<script>
  layui.use('carousel', function(){
    var carousel = layui.carousel;
    //建造实例
    carousel.render({
      elem: '#test1'
      ,width: '100%' //设置容器宽度
      ,height:'460px'
      ,arrow: 'always' //始终显示箭头
      //,anim: 'updown' //切换动画方式
      ,autoplay:true
    });
  });
</script>
</body>
</html>

